<template>
	<div class="home-container">
		<!-- 头部 -->
		<Head></Head>
		<!-- 左侧导航 -->
		<Menu></Menu>
		<!-- 右侧对应内容 -->
		<div class="content">
			<router-view></router-view>
		</div>
	</div>
</template>

<script>
import Head from '../../components/home/head.vue'
import Menu from '../../components/home/menu.vue'
export default {
	name: "Home",
	data() {
		return {

		}
	},
	components:{
		Head,
		Menu
	}
}
</script>

<style lang="less" scoped="scoped">
.home-container {
	position: relative;
	height: 100%;
	.content {
		position: absolute;
		top: 70px;
		right: 0;
		left: 250px;
		bottom: 0;
		background: #e6dcd0;
	}
}
</style>
